<template>
  <div>
    echarts: 1:下包 2：导包 3：使用 echarts.init(dom)
    <div id="xxx">我是div</div>
    <h3 ref="abc">ref获取dom</h3>
    <HmSon ref="son"></HmSon>
    <button @click="btnClick">获取dom</button>
    <!-- ref获取dom
             标签上加上ref="值"
             this.$refs.ref值===拿到相应dom  
             原生标签是获取dom
             组件标签是获取组件的this(组件的实例对象) ,访问子组件的data与methods等

          ref:二个作用
             用于原生标签：获取dom
             用于组件标签：获取组件的this
     -->
  </div>
</template>
<script>
import HmSon from '@/components/HmSon.vue'
export default {
  components: {
    HmSon
  },
  methods: {
    btnClick () {
      // console.log(document.querySelector('#xxx'))
      // console.log(this.$refs.abc)
      this.$refs.son.num++
      this.$refs.son.fn()
      console.log(this.$refs.son)
    }
  }
}
</script>
<style></style>
